<template>
  <div class="SonComponent">
     <ul >
      <li>{{message.uname}}</li>
      <li>{{message.famliyName}}</li>
      <li>{{message.age}}</li>
      <li>{{message.profess}}</li>
     </ul>
   </div>
</template>
 
<script>
export default {
  name: "SonComponent",
  components: {},
  props: ['message'],
  data() {
    return {};
  },

  methods: {}
};
</script>

<style scoped>
.SonComponent{
  height: 300px;
  border: 3px solid pink;
}
     
</style>